<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div th:fragment="topNavBar">
        <div style="background: #2aabd2;height: 45px;width: 100%;">
            <!--        可加入logo-->
            <div style="position: absolute;left: 74%">
                <ul class="nav nav-tabs">
                    <li role="presentation">
                        <a style="color:#fff;" th:href="@{/getCourse}">首页</a>
                    </li>
                    <li role="presentation">
                        <a style="color:#fff;" href="#" th:text="${session.user.getUserName()}">
                        </a>
                    </li>
                    <li role="presentation">
                        <a style="color:#fff;" th:href="@{/exitUser}">
                            退出空间
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div th:fragment="navBar">
        <h1>课程页面</h1>
        <a th:href="@{/editCourse}">
            <img th:src="@{'../img/' + ${session.course.courseImg}}" style="width: 285px; height: 190px">
        </a>
        <div>
            <a th:href="@{'/getStudent/' + ${session.course.courseId}}">学生管理</a>
            <a th:href="@{'/getHomework/' + ${session.course.courseId}}">作业管理</a>
            <a th:href="@{'/getTopic/' + ${session.course.courseId}}">话题管理</a>
            <a th:href="@{/getStudent(courseId = ${session.course.courseId})}">考试管理</a>
            <a th:href="@{/toSingIn}">活动管理</a>
        </div>
    </div>

    <div th:fragment="StuNavBar">
        <h1>课程页面</h1>
        <a th:href="@{/editCourse}">
            <img th:src="@{'../img/' + ${session.course.courseImg}}" style="width: 285px; height: 190px">
        </a>
        <div>
            <a th:href="@{'/getStudentHomework/' + ${session.course.courseId}}">作业</a>
            <a th:href="@{'/getTopic/' + ${session.course.courseId}}">话题</a>
            <a th:href="@{/getStudent(courseId = ${session.course.courseId})}">考试</a>
            <a th:href="@{/toStudentSingIn}">活动</a>
        </div>
    </div>

    <div th:fragment="leafStuNavBar">
        <div style="width: 15%;height: 45%;position: fixed;top: 50px;background: white; border-radius: 15px">
            <ul class="nav nav-pills nav-stacked" style="background-color: rgb(60,60,60)">
                <div style="height: 130px;background: #5bc0de" class="j">
                    <img th:src="@{'../img/' + ${session.course.courseImg}}" style="width: 230px; height: 130px">
                </div>
                <li role="presentation" class="active">
                    <a>
                        <p style="font-size: 18px">课程名 : [[${session.course.courseName}]]</p>
                    </a>
                </li>
                <li role="presentation" class="active">
                    <a>
                        <p style="font-size: 18px">任课老师 : [[${session.course.getCourseTeacherName()}]]</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{'/getStudentHomework/' + ${session.course.courseId}}">
                        <p>作业</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{/toStudentSingIn}">
                        <p>签到</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{'/getTopic/' + ${session.course.courseId}}">
                        <p>话题</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div th:fragment="leafTeaNavBar">
        <div style="width: 15%;height: 45%;position: fixed;top: 50px;background: white; border-radius: 15px">
            <ul class="nav nav-pills nav-stacked" style="background-color: rgb(60,60,60)">
                <div style="height: 130px;background: #5bc0de" class="j">
                    <a th:href="@{/editCourse}">
                        <img th:src="@{'../img/' + ${session.course.courseImg}}" style="width: 230px; height: 130px">
                    </a>
                </div>
                <li role="presentation" class="active">
                    <a>
                        <p style="font-size: 18px">课程名 : [[${session.course.courseName}]]</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{'/getHomework/' + ${session.course.courseId}}">
                        <p>作业管理</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{'/getStudent/' + ${session.course.courseId}}">
                        <p>学生管理</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{/toSingIn}">
                        <p>签到管理</p>
                    </a>
                </li>
                <li role="presentation" style="margin-top: 10px;font-size: 18px; font-weight: bold;">
                    <a th:href="@{'/getTeaTopic/' + ${session.course.courseId}}">
                        <p>话题管理</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>


<!--<div style="position: relative;width: 83%;margin-left: 16%;top: 0px">-->
<!--    &lt;!&ndash;新建作业开始&ndash;&gt;-->
<!--    <div class="homework">-->
<!--        <div class="warp">-->
<!--            <div class="topbar">-->
<!--                <div class="nav-bar">-->
<!--                    <ul>-->
<!--                        <li class="newhomework"><a href="#">新建作业</a></li>-->
<!--                        <li class="homework-database"><a href="#">作业库</a></li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="search1">-->
<!--                <input type="text" placeholder="搜索">-->
<!--                <button class="iconfont">&#xe63d;</button>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash;新建作业结束&ndash;&gt;-->
<!--    &lt;!&ndash;搜索作业开始&ndash;&gt;-->
<!--    <div class="banner">-->
<!--        <div class="warp">-->
<!--            <div class="white-nav">-->
<!--                <div class="search2">-->
<!--                    <input type="text" placeholder="全部班级">-->
<!--                    <button class="iconfont">&#xe63d;</button>-->
<!--                </div>-->
<!--                <div class="state">-->
<!--                    <i>状态</i>-->
<!--                    <form action="">-->
<!--                        <input type="radio" name="homework-state" value="unstart">未开始-->
<!--                        <input type="radio" name="homework-state" value="doing">进行中-->
<!--                        <input type="radio" name="homework-state" value="finish">已结束-->
<!--                    </form>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="homework-detel">-->
<!--        <div class="warp">-->
<!--            <div class="detel">-->
<!--                <div class="item">-->
<!--                    <div class="hw-detel">-->
<!--                        <a href="#">-->
<!--                            <p class="homework-name">新建作业20220503122727</p>-->
<!--                            <p class="homework-class">-->
<!--                                <i class="iconfont">&#xe65d;</i>-->
<!--                                默认班级</p>-->
<!--                            <p class="homework-time">作答时间：05-10 21:21至 05-18 21:22</p>-->
<!--                        </a></div>-->
<!--                    <div class="hw-review">-->
<!--                        <i class="review"><p class="homework-quantity">0/0 待批</p>-->
<!--                            <a href=""><button class="homework-review">批阅</button></a></i>-->
<!--                    </div>-->
<!--                    <div class="hw-detel">-->
<!--                        <a href="#">-->
<!--                            <p class="homework-name">新建作业20220503122727</p>-->
<!--                            <p class="homework-class">-->
<!--                                <i class="iconfont">&#xe65d;</i>-->
<!--                                默认班级</p>-->
<!--                            <p class="homework-time">作答时间：05-10 21:21至 05-18 21:22</p>-->
<!--                        </a></div>-->
<!--                    <div class="hw-review">-->
<!--                        <i class="review"><p class="homework-quantity">0/0 待批</p>-->
<!--                            <a href="#"><button class="homework-review">批阅</button></a></i>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->